<template>
  <div :style="popupIconWrapperStyle">
    <svg
      role="graphics-symbol"
      viewBox="0 0 14 14"
      class="hamburgerMenu"
      style="width: 16px; height: 16px; display: block; fill: rgba(55, 53, 47, 0.85); flex-shrink: 0"
    >
      <path
        d="M0,1.25 L14,1.25 L14,2.75 L0,2.75 L0,1.25 Z M0,6.25 L14,6.25 L14,7.75 L0,7.75 L0,6.25 Z M0,11.25 L14,11.25 L14,12.75 L0,12.75 L0,11.25 Z"
      ></path>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { CSSProperties } from 'vue';

const popupIconWrapperStyle = ref<CSSProperties>({
  position: 'relative',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  width: '24px',
  height: '24px',
  borderRadius: '3px',
});
</script>
